<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">


    <title> -流调模板查看</title>
    <meta name="keywords" content="">
    <meta name="description" content="">

    <link rel="shortcut icon" th:href="@{~/favicon.ico}">
    <link rel="stylesheet" th:href="@{~/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{~/css/font-awesome.css}" >

    <link rel="stylesheet" th:href="@{~/css/animate.css}" >
    <link rel="stylesheet" th:href="@{~/css/style.css}">

</head>

<body class="gray-bg">
<div class="wrapper wrapper-content animated fadeInRight">
    <div class="row">
        <div class="col-sm-4" th:each="e:${EpidTemplateBeans}">
            <div class="contact-box">
                <a th:href="@{'/template/id?id='+${e.getEpidTemplateId()}}">
                    <div class="col-sm-5">
                        <div class="text-center">
                            <img th:src="@{~/img/template.jfif}" alt="image" class="img-rounded img-responsive">
                        </div>
                    </div>

                    <div class="col-sm-7">
                        <br>
                        <h3><strong th:text="${e.getTemplateName()}">&nbsp;</strong></h3>
                        <address>
                            <strong>模板编号</strong>
                            <strong th:text="${e.getEpidTemplateId()}"></strong><br>
                            <strong>问题数量</strong>
                            <strong th:text="${e.getQuestionNum()}"></strong><br>
                        </address>
                    </div>

                    <div class="clearfix"></div>
                </a>
            </div>
        </div>

<!--        <div class="col-sm-4">
            <div class="contact-box">
                <a href="/toPage?url=flow_template_add.html">
                    <div class="col-sm-5">
                        <div class="text-center">
                            <img th:src="@{~/img/template_add.jfif}" alt="image" class="img-rounded img-responsive">
                        </div>
                    </div>

                    <div class="col-sm-7">
                        <br>
                        <h3><strong>添加模板</strong></h3>
                    <address>
                        <strong>自动生成模板编号</strong><br>
                        <strong>单选、多选、填空</strong>
                    </address>
                    </div>

                    <div class="clearfix"></div>
                </a>
            </div>
        </div>-->

    </div>
    <div class="clearfix"></div>
</div>


<!-- 全局js -->
<script th:src="@{~/js/jquery.min.js}"></script>
<script th:src="@{~/js/bootstrap.min.js}"></script>



<!-- 自定义js -->
<script th:src="@{~/js/content.js}"></script>


<script>
    $(document).ready(function () {
        $('.contact-box').each(function () {
            animationHover(this, 'pulse');
        });
    });
</script>


</body>
</html>


